use dioxus::prelude::*;

#[component]
pub fn Profile() -> Element {
    rsx! {
        div { class: "p-6",
            h1 { class: "text-2xl font-semibold text-gray-900 dark:text-white", "个人资料" }
            div { class: "mt-6 max-w-2xl",
                div { class: "flex items-center space-x-4 p-4 bg-white dark:bg-gray-800 rounded-lg",
                    div { class: "w-12 h-12 bg-gray-200 rounded-full" }
                    div {
                        h3 { class: "text-lg font-medium", "用户名" }
                        p { class: "text-gray-600 dark:text-gray-400", "user@example.com" }
                    }
                }
            }
        }
    }
}